<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>优惠券中心</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/layer.css" />
    <link rel="stylesheet" type="text/css" href="../css/mobiscroll_002.css" >
    <link rel="stylesheet" type="text/css" href="../css/mdw.css" />


    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../script/swiper.min.js"></script>
    <script type="text/javascript" src="../script/mobile.js"></script>
    <script type="text/javascript" src="../script/layer.js"></script>
    <script type="text/javascript" src="../script/mdw.js"></script>
    <script type="text/javascript" src="../script/jumpPage.js"></script>

</head>
<body class="bg-eee">
    <header class="header">
        <div class="backPrevPage on" onclick="historyBack()"></div>
        <div class="pageTitle">优惠券中心</div>
        
    </header>
    <section class="couponPage HTML_BOX">
        
       <ul class="couponList plr">
        <!-- on表示可用。 没有on表示已经领取 coupon_no2表示已领取 -->
           <li class="on">
               <div class="couponLeft">
                   <div class="">$<span class="coupon_price">50</span></div>
                   <div class="coupon_cond">满500使用</div>
               </div>
               <div class="couponRight">
                   <div class="couponInfo">
                       <div class="couponTitle">仅限水果类商品可用</div>
                       <div class="couponTime">2018-12-8~12-12</div>
                       
                   </div>
                   <div class="coupon_go">马上领券</div>
               </div>
           </li>
           <li class="on">
               <div class="couponLeft">
                   <div class="">$<span class="coupon_price">50</span></div>
                   <div class="coupon_cond">满500使用</div>
               </div>
               <div class="couponRight">
                   <div class="couponInfo">
                       <div class="couponTitle">仅限水果类商品可用</div>
                       <div class="couponTime">2018-12-8~12-12</div>
                   </div>
                   <div class="coupon_go">马上领券</div>
               </div>
           </li>
           <li class="">
               <div class="couponLeft">
                   <div class="">$<span class="coupon_price">50</span></div>
                   <div class="coupon_cond">满500使用</div>
               </div>
               <div class="couponRight">
                   <div class="couponInfo">
                       <div class="couponTitle">仅限水果类商品可用</div>
                       <div class="couponTime">2018-12-8~12-12</div>
                   </div>
                   <div class="coupon_no2">已领取</div>
               </div>
           </li>
       </ul>
    </section>
    <!-- 弹窗 -->
  <div class="mask_pop">
    <div class="mask" ></div>
    <div class="coupon_pop">
        <div class="coupon_popImage">
            <img src="../image/coupon_pop_bg.png"/>

        </div>
        <div style="margin-top: .5rem">恭喜你！兑换成功</div>
        <div style="margin-top: .2rem">可以在我的优惠券里查看</div>
        <div class="coupon_pop_btn f_c">立刻查看</div>
        <div id="coupon_close" class="pop_close"></div>
    </div>
  </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function(){
      $api.fixStatusBar($api.dom('header'));
        api.setStatusBarStyle({
            color: '#fff',//设置APP状态栏背景色
            style: 'dark'
        });
    };
    //打开新窗口
    function openWin(name,url){
        api.openWin({
            name: name,
            url: url,
            pageParam: {

            }
        });
    }
    //返回上一级
    function historyBack(){
        api.historyBack({
        },function(ret,err){
            if (!ret.status) {
                api.closeWin();
            }
        });
    }
</script>
</html>